@charset "utf-8";
@import './modules/footer.scss';
body, div, ul, li, dl, dt, dd, h2, p, img, a {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
}
$width:100%;
.login-header{
  width: $width;
  height: 97px;
    background: #f5f5f5;
    .wrap{
        width: 1000px;
        height: 97px;
        margin: 0 auto;
        display: flex;
        a{
            img{
                width: 165px;
                height: 97px;
                border: none;
                vertical-align: middle;
                display: block;
            }
        }
        span{
            display: block;
            line-height: 97px;
            margin-left: 15px;
            font-family: "微软雅黑";
            font-size: 24px;
            color: #000;
        }
        .go-index{
            display: block;
            height: 25px;
            padding-left: 27px;
            background: url('/images/mz_member_BackIndex.jpg') no-repeat 0px 0px;
            line-height: 30px;
            margin-top: 40px;
            margin-left: 460px;
            color: #555;
            font-size: 13px;
        }
    }

   //main
  
}
.main{
    width: $width;
    height: 572px;
    background-color: #ff3b3a;
    overflow: hidden;
    .wrap{
        width: 1000px;
        height: 342px;
        margin: 0 auto;
        margin-top: 100px;
        .mainright{
            min-height: 320px;
            width: 370px;
            border: 1px solid #dcdcdc;
            overflow: hidden;
            background-color: #fff;
            padding-top: 20px;
            float: right;
            h3{
               width: 300px;
               height: 30px;
               font-size: 16px;
               font-weight: normal;
               margin-left: 10px;
               margin-top: 10px;
               margin: 0 auto;
            }
            .info{
                width: 300px;
                height: 207px;
                margin-left: 10px;
                margin: 0 auto;
                overflow: hidden;
                .username{
                    display: flex;
                    margin-top: 15px;
                    span{
                        display: block;
                        height: 38px;
                        border: 1px solid #dcdcdc;
                        border-right: none;
                        line-height: 38px;
                        width: 49px;
                        text-align: center;
                        font-size: 12px;
                        color: #444;
                    }
                    input{
                        height: 38px;
                        line-height: 38px;
                        width: 232px;
                        font-size: 12px;
                        padding: 0px 3px;
                        border: 1px solid #dcdcdc;
                        color: #444;
                        outline: none;
                    }
                }
                .password{
                    display: flex;
                    margin-top: 15px;
                    span{
                        display: block;
                        height: 38px;
                        border: 1px solid #dcdcdc;
                        border-right: none;
                        line-height: 38px;
                        width: 49px;
                        text-align: center;
                        font-size: 12px;
                        color: #444;
                    }
                    input{
                        height: 38px;
                        line-height: 38px;
                        width: 232px;
                        font-size: 12px;
                        padding: 0px 3px;
                        border: 1px solid #dcdcdc;
                        color: #444;
                        outline: none;
                    }
                }
                .login-input{
                    width: 291px;
                    height: 42px;
                    background-color: #ff3b3a;
                    font-family: "微软雅黑";
                    font-size: 16px;
                    border: none;
                    color: #fff;
                    margin-top: 10px;
                }
                .content-more{
                    width: 370px;
                    height: 30px;
                    margin-top: 20px;
                    display: flex;
                    span{
                        display: block;
                        font-size: 12px;
                        a{
                            color: #b00000;
                            &:hover{
                                text-decoration: underline;
                            }
                        }
                    }
                    .forget{
                        color: #118acf;
                        margin-left: 75px;
                        font-size: 12px;
                    }
                }
            }
        }
    }
}